html,
body {
  /*height: 100%;*/
}

body {
  background-image:url('./img/content-bg.png');
  font-family: 'Droid Sans', 'Verdana','微软雅黑',sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  overflow-x:hidden; /*fixes yeoman/yeoman.io#22 */
}


a,
a:visited,
a:active {
  /*color: #ce181e;*/
	color:#0066CC;
  text-decoration: none;
}

a:hover {
  color: #336699;
  text-decoration:underline;
}

.btn a,.btn a:hover,.btn a:visited {
	color:white;
}

p, pre {
  margin: 0;
}
hr {
  height: 1px;
  background-color: #ccc;
  border: 0;
  margin: 0 0 20px 0;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

h1,
h2 {
  font-family: 'Ubuntu Mono','Verdana','微软雅黑', serif;
  font-weight: normal;
  margin: 10px 0 20px 0;
}

h1 {
  text-align: center;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 24px;
  text-transform: uppercase;
}

h2 {
  font-size: 18px;
  line-height: 18px;
}

.step {
  color: #CE181E;
}

#search {
  font-family: 'Lekton', serif;
  font-size: 13px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #c7c7c7;
  padding: 8px 10px 6px 10px;
  color: #b2b1b1;
  width: 180px;
  margin: 10px 0 10px 0;
}

#search:focus {
  color: #666;
  outline: none;
}

#plugins-all p {
  text-align: center;
}

nav {
  background-color:#EDEDED;
  text-align: center;
  padding: 0 0 14px 0;
  font-family: 'Lekton', sans-serif;
}

nav header {
  padding: 20px 0 10px 0;
}

.strikethrough {
  border-bottom: 1px solid #ccc;
  position: relative;
  top: -30px;
}

.strikethrough h1 {
  position: relative;
  top: 30px;
  display: inline-block;
  padding: 0 12px 0 12px;
}

.strikethrough-image {
  top: -47px;
}
.strikethrough-image h1 {
  top: 47px;
}

article header hr {
  margin: 0;
}

nav header img {

}

nav ul {
  padding: 0 25px 0 25px;
  text-align: left;
}

nav ul li {
  white-space: nowrap;
  line-height: 21px;
  padding-top: 2px;
  padding-bottom: 2px;
}

nav ul li a {
  display: block;
}

nav ul li img {
  float: right;
}

.nav-divider {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.nav-sub {
  padding-left: 12px;
  background-image: url( 'img/subnav-dot.png' );
  background-repeat: no-repeat;
  background-position: 0px 10px;
}

#content {
  padding: 10px 25px 0 25px;
}

article {
  max-width: 700px;
  margin: auto;
}

.discovery-page article {
  max-width: 960px;
}

#search-notfound {
  display: none;
  font-size: 1.5em;
  padding: 20px;
  text-align: center;
}

#plugins-all > table {
  width: 100%;
}

.discovery-page th {
  cursor: pointer;
}

.discovery-page td {
  padding: 10px 0;
  border-top: 1px solid #ddd;
}

.discovery-page .forks,
.discovery-page .modified,
[data-sort="forks"],
[data-sort="modified"] {
  display: none;
}

.search {
  min-width: 35%;
  line-height: 1.5em;
  margin: 20px 0;
  font-size: 16px;
  padding: 5px 10px;
}

article header {
  text-align: center;
}

article p {
  padding: 0 0 20px 0;
  text-align: left;
  font-size: 14px;
  line-height:1.5;
}

article blockquote p {
	padding:0 0 0 0;
	margin-bottom:20px;
}

article blockquote {
	margin-left:0px;
	background-color: #F0F7FD;
	border-color: #D0E3F0;
}

#content-subnav {
  text-align: center;
  font-family: 'Lekton', sans-serif;
  margin: 0 0 20px 0;
}

#content-subnav ul {
  text-align: left;
  display: table;
  margin: auto;
  color: #CE181E;
}

#content-subnav ul li {
  margin: 8px 0 8px 0;
}

#content-subnav ul li a {
  display: block;
}

pre{
  font-size: 13px;
  padding: 2px; border: 1px solid #ccc;
  background-color: #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 8px 14px 8px 14px;
  margin: 0 0 20px 0;
  color:white;
}
pre code {
	padding:0px !important;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 0 0 20px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.character{
  width:50%;
}

.share{
  padding:0px;
}
.quick-links {
  text-align: center;
  list-style: none;
  margin: 50px 0;
  height: 30px;
}

.quick-links li{
  float:left;
}

.forkit-curtain {
  background: rgba(0, 0, 0, 0.9);
  color: #eee;
  padding-top: 10%;
  text-align: center;
  z-index: 1;
}

.forkit-curtain  .close-button {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background: url();
}

.forkit-curtain .repo {
  display: inline-block;
  vertical-align: top;
  width: 80%;
}

.forkit-curtain .repo img {
  width: 100px;
}

.forkit-img {
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  /*background-image: url("../img/glyphicons-halflings.png");*/
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.toolset{
  text-align:center;
}
.toolset img{
  width:80%;
}

.toolset .full{
  width:100%;
}

.hidden {
  display: none;
}

.sort {
  text-align: left;
}

.icon-white {                       /*background-image: url("../img/glyphicons-halflings-white.png");*/ }
.icon-glass {                       background-position: 0      0; }
.icon-music {                       background-position: -24px 0; }
.icon-search {                       background-position: -48px 0; }
.icon-envelope {                       background-position: -72px 0; }
.icon-heart {                       background-position: -96px 0; }
.icon-star {                       background-position: -120px 0; }
.icon-star-empty {                       background-position: -144px 0; }
.icon-user {                       background-position: -168px 0; }
.icon-film {                       background-position: -192px 0; }
.icon-th-large {                       background-position: -216px 0; }
.icon-th {                       background-position: -240px 0; }
.icon-th-list {                       background-position: -264px 0; }
.icon-ok {                       background-position: -288px 0; }
.icon-remove {                       background-position: -312px 0; }
.icon-zoom-in {                       background-position: -336px 0; }
.icon-zoom-out {                       background-position: -360px 0; }
.icon-off {                       background-position: -384px 0; }
.icon-signal {                       background-position: -408px 0; }
.icon-cog {                       background-position: -432px 0; }
.icon-trash {                       background-position: -456px 0; }
.icon-home {                       background-position: 0 -24px; }
.icon-file {                       background-position: -24px -24px; }
.icon-time {                       background-position: -48px -24px; }
.icon-road {                       background-position: -72px -24px; }
.icon-download-alt {                       background-position: -96px -24px; }
.icon-download {                       background-position: -120px -24px; }
.icon-upload {                       background-position: -144px -24px; }
.icon-inbox {                       background-position: -168px -24px; }
.icon-play-circle {                       background-position: -192px -24px; }
.icon-repeat {                       background-position: -216px -24px; }
.icon-refresh {                       background-position: -240px -24px; }
.icon-list-alt {                       background-position: -264px -24px; }
.icon-lock {                       background-position: -287px -24px; }
.icon-flag {                       background-position: -312px -24px; }
.icon-headphones {                       background-position: -336px -24px; }
.icon-volume-off {                       background-position: -360px -24px; }
.icon-volume-down {                       background-position: -384px -24px; }
.icon-volume-up {                       background-position: -408px -24px; }
.icon-qrcode {                       background-position: -432px -24px; }
.icon-barcode {                       background-position: -456px -24px; }
.icon-tag {                       background-position: 0 -48px; }
.icon-tags {                       background-position: -25px -48px; }
.icon-book {                       background-position: -48px -48px; }
.icon-bookmark {                       background-position: -72px -48px; }
.icon-print {                       background-position: -96px -48px; }
.icon-camera {                       background-position: -120px -48px; }
.icon-font {                       background-position: -144px -48px; }
.icon-bold {                       background-position: -167px -48px; }
.icon-italic {                       background-position: -192px -48px; }
.icon-text-height {                       background-position: -216px -48px; }
.icon-text-width {                       background-position: -240px -48px; }
.icon-align-left {                       background-position: -264px -48px; }
.icon-align-center {                       background-position: -288px -48px; }
.icon-align-right {                       background-position: -312px -48px; }
.icon-align-justify {                       background-position: -336px -48px; }
.icon-list {                       background-position: -360px -48px; }
.icon-indent-left {                       background-position: -384px -48px; }
.icon-indent-right {                       background-position: -408px -48px; }
.icon-facetime-video {                       background-position: -432px -48px; }
.icon-picture {                       background-position: -456px -48px; }
.icon-pencil {                       background-position: 0 -72px; }
.icon-map-marker {                       background-position: -24px -72px; }
.icon-adjust {                       background-position: -48px -72px; }
.icon-tint {                       background-position: -72px -72px; }
.icon-edit {                       background-position: -96px -72px; }
.icon-share {                       background-position: -120px -72px; }
.icon-check {                       background-position: -144px -72px; }
.icon-move {                       background-position: -168px -72px; }
.icon-step-backward {                       background-position: -192px -72px; }
.icon-fast-backward {                       background-position: -216px -72px; }
.icon-backward {                       background-position: -240px -72px; }
.icon-play {                       background-position: -264px -72px; }
.icon-pause {                       background-position: -288px -72px; }
.icon-stop {                       background-position: -312px -72px; }
.icon-forward {                       background-position: -336px -72px; }
.icon-fast-forward {                       background-position: -360px -72px; }
.icon-step-forward {                       background-position: -384px -72px; }
.icon-eject {                       background-position: -408px -72px; }
.icon-chevron-left {                       background-position: -432px -72px; }
.icon-chevron-right {                       background-position: -456px -72px; }
.icon-plus-sign {                       background-position: 0 -96px; }
.icon-minus-sign {                       background-position: -24px -96px; }
.icon-remove-sign {                       background-position: -48px -96px; }
.icon-ok-sign {                       background-position: -72px -96px; }
.icon-question-sign {                       background-position: -96px -96px; }
.icon-info-sign {                       background-position: -120px -96px; }
.icon-screenshot {                       background-position: -144px -96px; }
.icon-remove-circle {                       background-position: -168px -96px; }
.icon-ok-circle {                       background-position: -192px -96px; }
.icon-ban-circle {                       background-position: -216px -96px; }
.icon-arrow-left {                       background-position: -240px -96px; }
.icon-arrow-right {                       background-position: -264px -96px; }
.icon-arrow-up {                       background-position: -289px -96px; }
.icon-arrow-down {                       background-position: -312px -96px; }
.icon-share-alt {                       background-position: -336px -96px; }
.icon-resize-full {                       background-position: -360px -96px; }
.icon-resize-small {                       background-position: -384px -96px; }
.icon-plus {                       background-position: -408px -96px; }
.icon-minus {                       background-position: -433px -96px; }
.icon-asterisk {                       background-position: -456px -96px; }
.icon-exclamation-sign {                       background-position: 0 -120px; }
.icon-gift {                       background-position: -24px -120px; }
.icon-leaf {                       background-position: -48px -120px; }
.icon-fire {                       background-position: -72px -120px; }
.icon-eye-open {                       background-position: -96px -120px; }
.icon-eye-close {                       background-position: -120px -120px; }
.icon-warning-sign {                       background-position: -144px -120px; }
.icon-plane {                       background-position: -168px -120px; }
.icon-calendar {                       background-position: -192px -120px; }
.icon-random {                       background-position: -216px -120px; }
.icon-comment {                       background-position: -240px -120px; }
.icon-magnet {                       background-position: -264px -120px; }
.icon-chevron-up {                       background-position: -288px -120px; }
.icon-chevron-down {                       background-position: -313px -119px; }
.icon-retweet {                       background-position: -336px -120px; }
.icon-shopping-cart {                       background-position: -360px -120px; }
.icon-folder-close {                       background-position: -384px -120px; }
.icon-folder-open {                       background-position: -408px -120px; }
.icon-resize-vertical {                       background-position: -432px -119px; }
.icon-resize-horizontal {                       background-position: -456px -118px; }
.icon-hdd {                       background-position: 0 -144px; }
.icon-bullhorn {                       background-position: -24px -144px; }
.icon-bell {                       background-position: -48px -144px; }
.icon-certificate {                       background-position: -72px -144px; }
.icon-thumbs-up {                       background-position: -96px -144px; }
.icon-thumbs-down {                       background-position: -120px -144px; }
.icon-hand-right {                       background-position: -144px -144px; }
.icon-hand-left {                       background-position: -168px -144px; }
.icon-hand-up {                       background-position: -192px -144px; }
.icon-hand-down {                       background-position: -216px -144px; }
.icon-circle-arrow-right {                       background-position: -240px -144px; }
.icon-circle-arrow-left {                       background-position: -264px -144px; }
.icon-circle-arrow-up {                       background-position: -288px -144px; }
.icon-circle-arrow-down {                       background-position: -312px -144px; }
.icon-globe {                       background-position: -336px -144px; }
.icon-wrench {                       background-position: -360px -144px; }
.icon-tasks {                       background-position: -384px -144px; }
.icon-filter {                       background-position: -408px -144px; }
.icon-briefcase {                       background-position: -432px -144px; }
.icon-fullscreen {                       background-position: -456px -144px; }

@media (min-width: 480px) and (max-width:760px) {

  nav header {
    padding: 20px 0 20px 0;
  }

  nav ul {
    border-top: 1px solid #ccc;
    text-align: center;
    margin: 0 25px 0 25px;
    padding-top: 10px;
  }

  nav ul li {
    display: inline;
    margin-right: 10px;
  }

  nav ul li a {
    display: inline;
  }

  nav ul li img {
    float: none;
    vertical-align: text-bottom;
    padding-right: 4px;
  }

  .nav-divider {
    border: 0;
  }

  .nav-sub {
    display: none;
  }

}

@media (min-width: 761px) {

  nav {
    width: 250px;
    height: 100%;
    float: left;
    padding: 0;
  }

  nav header {
    padding: 40px 0 20px 0;
  }

  nav header img {

  }

  .yt{
    width:100%;
  }

  #content {
    padding: 30px 25px 0 25px;
    margin: 0 0 0 250px;
  }
  .forkit-curtain .repo {
    width: 33%
  }

  .forkit-curtain .repo img {
    width: 165px;
  }

  .discovery-page .name,
  .discovery-page .author,
  .discovery-page .modified {
    min-width: 140px;
  }

  .discovery-page .stars {
    min-width: 50px;
  }

  .discovery-page .desc {
    padding-right: 10px;
  }

  .discovery-page .forks,
  .discovery-page .modified,
  [data-sort="forks"],
  [data-sort="modified"] {
    display: block;
  }
}

}

